.yg-detail {
    background-color: #fff;
    .yg-detail-nav {
        .am-navbar-dark{
            background-color: var(--themeColor);
            }
    }
    .yg-detail-swiper {
        .imageWrapper {
            text-align:center;
          img {
            height: 100%;
          }
        }
    }
    .yg-detail-price {
        display: flex;
        height:1rem;
        padding:0.133333rem;
        justify-content: space-between;
        align-items: center;
        .price-left {
          .title1 {
            color:var(--themeColor);
            font-size:0.533333rem ;
          }
        }
      
        .price-right {
            display: flex;
            align-items: center;
          i.iconfont.icon-fenxiang {
            margin-right:0.266667rem;
          }
      
          i.iconfont.icon-shoucang {
            margin-right:0.266667rem;
          }
          .active{
              color:var(--themeColor);
          }
        }
      }
    .yg-detail-title{
        height:1.066667rem;
        padding:0.066667rem 0.266667rem;
        font-size:0.426667rem;
        display: -webkit-box;    
        -webkit-box-orient: vertical;    
        -webkit-line-clamp: 2;    
        overflow: hidden;
    }
    .yg-detail-richtext {
        margin-bottom:1.333333rem;
        .richtext-title {
            text-align:center;
            height:0.8rem;
            line-height:.8rem;
        }
      
        .richtext-content {
      
        }
      }
      .yg-detail-bottom {
          position:fixed;
          bottom:0;
          left:0;
          height:1.333333rem;
          width:100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background-color: #fff;
        .bottom-contact {
            flex:1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
          i.iconfont.icon-lianxikefu {
      
          }
      
          .title {
      
          }
        }
      
        .bottom-cart {
            flex:1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
          i.iconfont.icon-gouwuche {
      
          }
      
          .title {
      
          }
        }
      
        .bottom-addToCart {
            flex:2;
            display: flex;
            align-items: center;
            justify-content: center;
          .title1 {
            height:.8rem;
            line-height:.8rem;
            width:2.133333rem;
            background-color: #fcaa23;
            border-radius: 0.533333rem;
            text-align:center;
          }
        }
      
        .bottom-buy {
            flex:2;
            display: flex;
            align-items: center;
            justify-content: center;
          .title2 {
            height:.8rem;
            line-height:.8rem;
            width:2.133333rem;
            background-color: var(--themeColor);
            border-radius: 0.533333rem;
            text-align:center;
          }
        }
      }
  }